<template>
	<view>
		<navBar title="个人中心"></navBar>
		<view class="top-bg" @click="go('/pages/indoor/personal')">
			<image class="head" :src="headImgUrl || ''"></image>
			<view class="username">{{nickname || ''}}</view>
		</view>
		<view class="content">
			<view class="item" @click="go('/pages/indoor/myCar')">
				<image class="icon" :src="bg_image.my1"></image>
				<view class="item-left">
					<text>我的车辆</text>
					<u-icon name="arrow-right" color="#B1B1B1"></u-icon>
				</view>
			</view>
			<view class="item" @click="go('/pages/indoor/payRecords')">
				<image class="icon" :src="bg_image.my2"></image>
				<view class="item-left">
					<text>支付记录</text>
					<u-icon name="arrow-right" color="#B1B1B1"></u-icon>
				</view>
			</view>
			<view class="item" @click="go('/pages/indoor/myCoupon')">
				<image class="icon" :src="bg_image.my3"></image>
				<view class="item-left">
					<text>优惠卡券</text>
					<u-icon name="arrow-right" color="#B1B1B1"></u-icon>
				</view>
			</view>
			<view class="item" @click="go('/pages/indoor/myScheme')">
				<image class="icon" :src="bg_image.my4"></image>
				<view class="item-left">
					<text>我的月卡</text>
					<u-icon name="arrow-right" color="#B1B1B1"></u-icon>
				</view>
			</view>
			<view class="item" @click="callPhone">
				<image class="icon" :src="bg_image.iconCustomer"></image>
				<view class="item-left">
					<text>联系客服</text>
					<u-icon name="arrow-right" color="#B1B1B1"></u-icon>
				</view>
			</view>
			<view class="item" @click="go('/pages/indoor/merchant')" v-if="isShowMerchantOption">
				<image class="icon" :src="bg_image.iconMer"></image>
				<view class="item-left">
					<text>商家充值</text>
					<u-icon name="arrow-right" color="#B1B1B1"></u-icon>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	import my from './js/my'
	
	export default {
		components: {
		  
		},
		...my
	}
</script>

<style lang="less" scoped>
	@import url('./css/my.less');
</style>